約 4,180,414 件
https://w.atwiki.jp/nicepaper/pages/324.html
インライン要素やテーブルセルの上下中央揃えに関してはvertical-alignでいけますが、ブロックレベル要素の上下中央揃えはどのようにしていったらよいのでしょうか? おそらく検索から来た方はそこで悩んだと思います。これを解決していきます。12月2日記事 イメージ 目次 vertical-alignはブロックレベル要素には適用できない。 コード まとめ vertical-alignはブロックレベル要素には適用できない。 ブロックレベル要素のdivやpやliタグなど、ブロックレベル要素にはvertical-alignは適用できません。 そんな中でブロックレベル要素に適用するためには、positionプロパティとleft right top bottom +margin auto;を使って上下中央揃えをします。 コード HTML !DOCTYPE HTML html head meta charset="utf-8" link rel="stylesheet" type="text/css" href="style.css" title ブロックレベル要素の上下中央揃え /title /head body div id="table-s" !--インライン要素やテーブルセルは適用できるよ。-- p 真ん中 /p /div div id="block" !--こっちは別の方法で適用させる。-- p class="block-s" ブロックレベル要素ですが真ん中です。 /p /div /body /html CSS @charset "utf-8"; /* CSS Document */ #table-s { display table-cell; width 300px; height 200px; background #CFF; vertical-align middle; text-align center; } #block { margin-top 30px; width 300px; height 200px; background #FCF; position relative; } .block-s { /*ここから*/ position absolute; top 0; left 0; right 0; bottom 0; margin auto; width 100px; height 60px; /*ここまでの表記が重要*/ background #FFC; } まとめ ブロックレベル要素で悩んだ場合はこれを使いましょう。 以上
https://w.atwiki.jp/sakuba/pages/11.html
アクセスカウンター AC.PHP ? # ***************************************************** # このソースコードは、EUC-JP で記述されています # ***************************************************** header( "Content-Type text/javascript; Charset=shift_jis" ); header( "Expires Wed, 31 May 2000 14 59 58 GMT" ); ini_set( display_errors , "1" ); function inc( $path ) { $inc = @file( $path ); array_shift($inc); array_pop($inc); $GLOBALS[ inc_eval_txt ] = implode( "", $inc ); eval($GLOBALS[ inc_eval_txt ]); } $conf_client_charset = "euc-jp"; $conf_db_type = 1; $conf_db_connect_action = "set names ujis "; inc( "http //homepage2.nifty.com/lightbox/gen/db.php" ); $target = "http //localhost/php/"; if ( substr( $_SERVER[ HTTP_REFERER ], 0, strlen( $target ) ) == $target ) { $SQL = new DB( "localhost", "land", "root", "" ); $Query = "update アクセス set count = count + 1"; $SQL- Execute( $Query ); $Query="select * from アクセス"; $Column = $SQL- QueryEx( $Query ); $cnt=$Column[0]; $SQL- Close; } else { $cnt = アクセスできません ; } $font_path = "./7barP.ttf"; # ******************************************************* # 内部コードは、UTF-8 ( EUC-JP でも良い ) #******************************************************** mb_language( "ja" ); mb_internal_encoding( "UTF-8" ); # ******************************************************** # 対象文字列 # ******************************************************** $img_text = $cnt; $img_text = mb_convert_encoding( $img_text , "UTF-8" , "EUC-JP" ); # ******************************************************* # キャンバス作成 # ******************************************************* $im = imagecreate( 150, 30 ); # ******************************************************* # 画像の背景色 # imagecolorallocate() の最初のコールで背景色がセットされます # ******************************************************* $white = imagecolorallocate( $im, 255, 255, 255 ); # ******************************************************* # 画像の文字色 # ******************************************************* $black = imagecolorallocate( $im, 0, 0, 0 ); imagettftext( $im, 20,# サイズ 0,# 角度 5,# x 座標 22,# y 座標 $black, $font_path, $img_text); # ******************************************************* # PNG 出力 # ******************************************************* imagepng($im); # ******************************************************* # 終了処理 # ******************************************************* imagecolordeallocate( $im, $black ); imagecolordeallocate( $im, $white ); imagedestroy($im); ? HTML埋め込み IMG src="./AC.php" border="0" galleryimg="no" / Google検索設置 Google.PHP ? header( "Content-Type text/javascript; Charset={$_GET[ charset ] }" ); header( "Expires Wed, 31 May 2000 14 59 58 GMT" ); if ( $_GET[ charset ] == ) { $_GET[ charset ] = EUC-JP ; } mb_language( "ja" ); mb_internal_encoding("EUC-JP"); $KJ1 = 検索 ; $KJ2 = を検索 ; if ( strtoupper( $_GET[ charset ] ) == SHIFT_JIS ) { $KJ1 = mb_convert_encoding( $KJ1, "SHIFT_JIS", "EUC-JP" ); $KJ2 = mb_convert_encoding( $KJ2, "SHIFT_JIS", "EUC-JP" ); } if ( strtoupper( $_GET[ charset ] ) == UTF-8 ) { $KJ1 = mb_convert_encoding( $KJ1, "UTF-8", "EUC-JP" ); $KJ2 = mb_convert_encoding( $KJ2, "UTF-8", "EUC-JP" ); } ? str= ; str+=" form target=\"_blank\" method=get action=\"http //www.google.co.jp/search\" "; str+="\n table bgcolor=\"#FFFFFF\" tr valign=top td "; str+="\n a href=\"http //www.google.co.jp/\" "; str+="\n img src=\"http //www.google.com/logos/Logo_40wht.gif\" "; str+=" \nborder=\"0\" alt=\"Google\" align=\"absmiddle\" /a "; str+="\n /td \n td \n input type=text "; str+="name=q size=31 maxlength=255 value=\"\" \n input "; str+="type=hidden name=ie value= ?= $_GET[ charset ] ? \n input "; str+="type=hidden name=oe value= ?= $_GET[ charset ] ? \n input "; str+="type=hidden name=hl value=\"ja\" \n input "; str+="type=submit name=btnG value=\"Google ?= $KJ1 ? \" "; str+="\n font size=-1 \n input type=hidden "; str+="name=domains value=\" ?= $_GET[ domain ] ? \" br "; str+="\n input type=radio name=sitesearch value=\"\" "; str+="WWW ?= $KJ2 ? \n input type=radio name=sitesearch "; str+="value=\" ?= $_GET[ domain ] ? \" checked ?= $_GET[ title ] ? "; str+=" ?= $KJ2 ? \n /font \n /td /tr /table "; str+="\n /form \n "; document.write( str ); HTML埋め込み SCRIPT language="javascript" type="text/javascript" src="ディレクトリパス/Google.php" /SCRIPT
https://w.atwiki.jp/pokeanalyze/pages/37.html
https://w.atwiki.jp/kswc_kesc/pages/368.html
2022年GW観測会 2022年GWは久し振りに野辺山への遠征をしてきました。 以下、箇条書き ・小淵沢に到着した時点では快晴 ・夜に向けて徐々に雲が増える ・清里の萌木の村での夕飯を目指して、清里に移動 ・時旅車快走 ・Y星人闇夜で転倒して大怪我 ・Kちゃん日帰り×2 ・雨雨雨・・・ ・酒酒酒・・・
https://w.atwiki.jp/kswc_kesc/pages/372.html
2023年GW観測会 2023年GWの観望会は現在4月30日からの二泊三日日程で開催してきました。 天気は初日は小雨、2日目は一過性の降雨があったものの、5月2日から快晴。 とはいえ、月齢が10前後とかなり天体観測には不向きな条件だったため、写真撮ったらうっすら天の川が判る・・・かなぁレベルの観測となりました。
https://w.atwiki.jp/javadsge/pages/10000.html
html head style img{width 100%} /style title CSS /title meta charset="UTF-8" /head body picture img src="https //docs.google.com/uc?export=view amp;id=1rqU8qdSoF5DT-oZ_7AM4N-V1FTbTRuJBKg" /picture /body /html
https://w.atwiki.jp/kswc_kesc/pages/130.html
2011年5月GW 今回は珍しく人が集まり、総勢7人で野辺山高原へ行ってきました。 GWにしては珍しく星が見え、天の川も肉眼で見えるくらいの晴れ模様でした。 (ただし、ちょっと雲が多かったかな。) ※火の取り扱いには充分注意しましょう。 written by 白色Y星人
https://w.atwiki.jp/nicepaper/pages/148.html
グローバルナビ等のメニュー画面において現在いるサイトがメニューのものと同じだったときに、その部分のCSSにidセレクターを追加し、色を変える方法を書いていきたいと思います。 jQueryで作ってもよさそうな気もしますが、PHPの方がコードが少なくてすみそうだったのでこちらをまずは作ってみます。7月24日記事 イメージ デフォルトコード HTML !DOCTYPE HTML html head meta charset="utf-8" link rel="stylesheet" type="text/css" href="style.css" title メニュー /title /head body div class="menunav" ul id="menu" li a href="index.php" ホーム /a /li li a href="news.php" 新着情報 /a /li li a href="about.php" 試験概要 /a /li li a href="problem.php" 過去問広場 /a /li li a href="contact.php" お問い合わせ /a /li /ul /div /body /html CSS @charset "utf-8"; /* CSS Document */ .menunav ul#menu { margin 20px 20px 0px 20px; padding 0px; height 40px; } .menunav ul#menu li { float left; width 180px; height 40px; list-style-type none; } .menunav ul#menu a { background #000; color #FFF; line-height 40px; text-align center; text-decoration none; display block; width 100%; height 100%; } .menunav ul#menu a hover { background #CCC; color #000; } 選択されている状態の時 HTML ul id="menu" li a id="selected" href="index.php" ホーム /a /li li a href="news.php" 新着情報 /a /li li a href="about.php" 試験概要 /a /li li a href="problem.php" 過去問広場 /a /li li a href="contact.php" お問い合わせ /a /li /ul CSS 以下を追記 .menunav ul#menu a#selected{ background #EEE; color #000; } PHPで表現 HTMLに以下を追加 !DOCTYPE HTML html head meta charset="utf-8" link rel="stylesheet" type="text/css" href="style.css" title メニュー /title /head body div class="menunav" ul id="menu" li a ?php if(basename(__FILE__) == "index.php") echo id="selected" ;? href="index.php" ホーム /a /li li a ?php if(basename(__FILE__) == "news.php") echo id="selected" ;? href="news.php" 新着情報 /a /li li a ?php if(basename(__FILE__) == "about.php") echo id="selected" ;? href="about.php" 試験概要 /a /li li a ?php if(basename(__FILE__) == "problem.php") echo id="selected" ;? href="problem.php" 過去問広場 /a /li li a ?php if(basename(__FILE__) == "contact.php") echo id="selected" ;? href="contact.php" お問い合わせ /a /li /ul /div /body /html まとめ タグの中に、 ?phpを埋め込み、if文で basename(__FILE__) == "idを追加したい場合のファイル名"を記述し 、一致した場合のみidを発行する的なプログラムを書けばコード量が少なくて済むと思います。 以上
https://w.atwiki.jp/html_tagu/pages/7.html
動画(youtube) @wikiのwikiモードでは #video(動画のURL) と入力することで、動画を貼り付けることが出来ます。 詳しくはこちらをご覧ください。 =>http //atwiki.jp/guide/17_209_ja.html また動画のURLはYoutubeのURLをご利用ください。 =>http //www.youtube.com/ たとえば、#video(http //youtube.com/watch?v=kTV1CcS53JQ)と入力すると以下のように表示されます。
https://w.atwiki.jp/narsilion/
script type="text/javascript" src="http //www.samootz.com/imagerotator.ashx?id=2940,JP21674198 width=443 transition=random" charset="utf-8" /script